<template>
  <el-image :src="`${props.src}`" fit="contain" :preview-src-list="[props.src]">
    <template #error>
      <div class="image-slot">
        <el-icon><picture-filled /></el-icon>
      </div>
    </template>
  </el-image>
</template>

<script setup>
import { isExternal } from "@/utils/validate";

const props = defineProps({
  src: {
    type: String,
    default: "",
  },
});
// const props = defineProps({
//   src: {
//     type: String,
//     default: ""
//   },
// });
const src = ref(
  "http://47.76.217.195:8080/profile/upload/2025/04/23/movie_20250423114527A006.mp4"
);
</script>

<style lang="scss" scoped>
.el-image {
  height: 100%;
}
</style>
